{% extends "page/temp1/home.html" %}

{% block banner %}
<div class="banner-thumbnail-wrapper fre_icon">
    <div class="app_icon fre_pop">
    <div>
        <div class="icon float_l margin60">
            <!-- <img src="../image/App%20Icon/icon_512.png"/> -->
            <img src="{{app.icon}}">
        </div>
        <div class="float_l">
            <div class="titles">
                <h1>{{app.pub_name}}</h1>
            </div>
            <div class="gpBox">
                <a href="{{app.gp_link}}">
                    <img src="/static/image/gp.png" class="gpImg"/>
                </a>
            </div>
        </div>
    </div>
        
    </div>
</div>
{% endblock %}

{% block main %}
<main id="page">
    <div class="content">
        <div class="app_info">
            <div class="viwepager">
                <ul class="viwepager_box">
                {% for screen in app.screenshots %}
                    <li>
                        <img src="{{screen}}"/>
                    </li>
                {% endfor %}
  
                </ul>
            </div>
            <div class="description">
                <pre>{{app.long_dsp}}</pre>

            </div>
        </div>

    </div>
</main>



{% endblock %}

{% block js %}
<script>
    var index=0;
    //获取包裹轮播图片的li长度
    var len=$(".viwepager_box li").length;
    function startmove(){
        //设置时钟器
        setInterval(function(){
            //从0开始循环递增
            index++;
            //从第一个li开始淡入淡出，同辈的其他li隐藏
            $(".viwepager_box li").eq(index%len).fadeIn(800).siblings().hide();
        },2000)
    }
    $(function(){
        startmove();
    })
    
</script>
{% endblock %}